<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.2/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <header>
        <h1>9466云专题</h1>
        <div class="my">
            <span class="iconfont icon-wode"></span>
            龙猫(9466云专题)
        </div>
    </header>
    <section>
        <aside>
            <ul>
                <li>
                    <span class="iconfont icon-shouye"></span>
                    <span>首页</span>
                </li>
                <li>
                    <span class="iconfont icon-zhuanti"></span>
                    <span>专题</span>
                </li>
                <li class="active">
                    <span class="iconfont icon-yonghuguanli_huaban"></span>
                    <span>用户</span>
                </li>
                <li>
                    <span class="iconfont icon-shezhi"></span>
                    <span>设置</span>
                </li>
                <li>
                    <span class="iconfont icon-rizhi"></span>
                    <span>日志</span>
                </li>
            </ul>
        </aside>
        <main>
            <input type="text" name="search" value="" placeholder="搜索用户">
            <button>搜索</button>
            <div class="add">+添加用户</div>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>邮箱(账户)</th>
                        <th>姓名</th>
                        <th>电话</th>
                        <th>所属组</th>
                        <th>管理员</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td class="zhuangtai">正常</td>
                        <td>
                            <span class="iconfont icon-bianji"></span>
                            <span class="iconfont icon-shanchu"></span>
                        </td>
                    </tr>  -->
                </tbody>
            </table>
            <div class="bottom">
                <button class="prev">上一页</button>
                <button class="next">下一页</button>
            </div>
        </main>
    </section>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.1.3/axios.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>